*{margin: 0; padding: 0;}

body{background-color:#ededed; font-size: 62.5%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333;}

ul{list-style: none;}

.cAlign{min-width: 240px;max-width: 1200px; width: 95%; margin: 0 auto; text-align: center;}

div#topo{background: #2b9fe5; padding:0.3em 0; overflow: hidden;}
div#topo img{float: left;}
div#topo span{float: right;}
div#topo span a{margin-right: 2px; padding: 0.5em 0.5em; background: #ac208d;color: #fff}
div#content{clear: both; overflow: hidden; background: #ededed; margin: 1em 0;}
div#content h1{font-size: 1.5em; margin-bottom: 0.6em; margin-top: 0.6em;}


div#formulario{ text-align: center; padding: 1em; background: #FFF; box-shadow: inset 0 0 1em #ccc; border-radius: 0.5em}
div#formulario input.inputTxt, select{border: 1px solid #ccc; padding: 0.3em; margin-bottom: 1em;}
div#formulario span{font-size: 1.3em; color: #2b9fe5; display: block;}
.submitCadastro{width: 121px; height: 53px; background:url(../images/cadastrar.png) no-repeat; border: none; position: absolute; margin-top: 25px; cursor:pointer ;}
div#footer{clear: both; margin: 4em 0 1em; text-align: center; font-size: 1.1em;}

@media screen and (min-width: 360px){
    div#topo span a{padding: 0.5em 1em;}
    body{font-size: 70%;}
    div#formulario{padding: 3em;}
    div#formulario input.inputTxt{width: 300px;}
    .submitCadastro{margin-top: 50px;}
}

@media screen and (min-width: 613px){
    div#formulario{padding: 1.5em; text-align: left; background: #fff right url(../images/ser.png) no-repeat;}
    div#formulario input.inputTxt{width: 300px;}
    .submitCadastro{margin-top: 15px;}
}


@media screen and (min-width: 773px){
    div#content h1{float: left; margin-left: 1em;}
    div#formulario{float: right; width: 70%;}
    div#formulario div{overflow: hidden;}
    div#formulario input.inputTxt{width: 200px;}
    div#left{display: block;float: left;margin-top: 140px; text-align: right;width: 26%; }
    div#left ul li{ font-size: 1.3em; padding-right: 0.5em; border-bottom: 1px solid #ccc;padding-bottom:1.2em;margin-bottom: 1.5em; }
    div#left ul li:last-child{border: none;}
    .inputFloat{float: left; width: 230px;}
    .captchaFloat{float: left;width: 210px}
    .campos{float: right;}
}

@media screen and (min-width: 997px){
    div#content{margin: 2 2;}
    div#content h1{overflow: hidden; margin-left: 3em;  visibility: hidden;}
    div#topo{margin:auto;}
    div#formulario{ float: left; width: 75%;}

}
